<template>
  <div class="app-container">
    <el-tabs v-model="activeName" type="card">
      <el-tab-pane label="我的平台" name="first">
        <mine v-if="activeName === 'first'" />
      </el-tab-pane>
      <el-tab-pane label="我的配置" name="three">
        <Decoding v-if="activeName === 'three'" />
      </el-tab-pane>
      <el-tab-pane label="接码平台" name="second">
        <List v-if="activeName === 'second'" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script setup>
import List from "./list.vue";
import mine from "./mine.vue";
import Decoding from "./decodingPlatform.vue";

const activeName = ref("first");
</script>

<style scoped lang="scss">
.pagination {
  display: flex;
  justify-content: flex-end;
  margin-top: 15px;
}
</style>
